<!--初始变量-->
{block name="init_var"}{/block}
<!--导航栏内容-->
{selfTag:menu navName="nav_menu_list" /}
<!DOCTYPE html>
<html lang="zh-Cn">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=EDGE" />
    <meta name="viewport"
        content="initial-scale=1.0,width=device-width,height=device-height,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <title>{block name="title"}{:$web_menu_name??''}{:\\app\\common\\model\\SysSettingModel::getContent('normal','def_title')}{/block}
    </title>
    <meta name="author" content="深圳市深正互联网络有限公司 www.szhulian.com" />
    <meta name="description"  content="{block name='platform_description'}{:\\app\\common\\model\\SysSettingModel::getContent('normal','platform_description')}{/block}" />
    <meta name="keywords" content="{block name='platform_keywords'}{:\\app\\common\\model\\SysSettingModel::getContent('normal','platform_keyword')}{/block}" />

    <link rel="stylesheet" href="/admin-temp/layui/css/layui.css?t=20180530-2" media="all">

    <link rel="stylesheet" href="/assets/element/element.css" media="all">
    <link rel="stylesheet" type="text/css" href="/assets/css/swiper.min.css" />
    <!-- Vendor Styles including: Font Icons, Plugins, etc.-->
    <link rel="stylesheet" media="screen" href="/assets/css/tiny-slider.css" />
    <link rel="stylesheet" media="screen" href="/assets/css/drift-basic.min.css" />
    <!-- Main Theme Styles + Bootstrap-->
    <link rel="stylesheet" media="screen" href="/assets/css/theme.min.css" />
    <link rel="stylesheet" media="screen" href="/assets/css/swiper.min.css" />
    <link rel="stylesheet" media="screen" href="/assets/css/style.css" />

    <link rel="stylesheet" media="screen" href="/assets/css/css.css" />

    <script type="text/javascript" src="/assets/js/jquery.min.js"></script>

    <script type="text/javascript" src="/admin-temp/layui/vue.min.js"></script>
    <script src="/admin-temp/layui/layui.js"></script>
    <script src="/assets/element/element.js"></script>
    <script src="/assets/js/init.js"></script>

    <link rel="shortcut icon" href="/favicon.ico" />

    {block name="style"}{/block}
    <script>
        layui.config({ base: '/assets/', version: Date.parse(new Date()), debug: false });
    </script>
    <!-- Smartsupp Live Chat script -->
    <script src="//code.tidio.co/puuvrtd5t6bsjgeoham6tzlbyna0wwoa.js" async></script>
</head>

<body class="handheld-toolbar-enabled">
    <div id="app-vue">
        <!-- Sign in / sign up modal-->
        <div class="modal fade" id="signin-modal" tabindex="-1" role="dialog">
            <div class="modal-dialog modal-dialog-centered modal-login" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <img src="/uploads/image/20220304/ab455d0480f79c8704326dfa61189b44.png" alt="logo">
                        <button class="btn-close" type="button" id="close-btn" data-bs-dismiss="modal"
                            aria-label="Close"></button>
                    </div>
                    <ul class="nav nav-tabs" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link fw-medium active" href="#signin-tab" data-bs-toggle="tab" role="tab"
                                aria-selected="true">
                                Sign In
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link fw-medium" href="#signup-tab" data-bs-toggle="tab" role="tab"
                                aria-selected="false">
                                Create an Account
                            </a>
                        </li>
                    </ul>
                    <div class="modal-body loginBox tab-content">

                        <form class="needs-validation tab-pane fade show active" autocomplete="off" novalidate
                            id="signin-tab">
                            <div class="mb-2">
                                <label class="form-label" for="si-email">Email Address</label>
                                <input class="form-control" type="email" v-model="account" id="si-email"
                                    placeholder="" />
                                <div class="invalid-feedback" id="si-email-tip">Please provide a valid email address.
                                </div>
                            </div>
                            <div class="mb-2">
                                <label class="form-label" for="si-password">Password</label>
                                <div class="password-toggle">
                                    <input class="form-control" type="password" v-model="password" id="si-password" />
                                    <label class="password-toggle-btn" aria-label="Show/hide password">
                                        <input class="password-toggle-check" type="checkbox"><span
                                            class="password-toggle-indicator"></span>
                                    </label>
                                </div>
                                <div class="invalid-feedback" id="si-password-tip">Please provide a valid password.
                                </div>
                            </div>
                            <button class="btn d-block w-100 mb-2" type="button" @click="handleLogin">Sign in</button>
                            <div class="mb-2 forgetPas">
                                <p><a href="/forgot.html">Forgot your password?</a></p>

                            </div>
                        </form>

                        <form class="needs-validation tab-pane fade" autocomplete="off" novalidate id="signup-tab">

                            <div class="mb-2">
                                <label class="form-label" for="su-email">Email Address</label>
                                <input class="form-control" type="email" id="su-email" v-model="su_email" placeholder="" />
                                <div class="invalid-feedback" id="su-email-tip"></div>
                            </div>
                            <div class="mb-2">
                                <label class="form-label" for="su-password">Create a Password</label>
                                <div class="password-toggle">
                                    <input class="form-control" type="password" id="su-password" v-model="su_password" />
                                    <label class="password-toggle-btn" aria-label="Show/hide password">
                                        <input class="password-toggle-check" type="checkbox"><span
                                            class="password-toggle-indicator"></span>
                                    </label>
                                </div>
                                <div class="invalid-feedback" id="su-password-tip"></div>
                            </div>
                            <!--<div class="mb-2">
                                <p class="register_tips clearfix pr">
                                    <span class="common-check-box pr">
                                        <input type="checkbox" value="checkbox" name="dingyue" id="dingyue"
                                            checked="checked"><label class="dispatch"></label>
                                        <span class="ml5">Follow us to receive exclusive offers and our latest
                                            news</span>
                                    </span>
                                </p>
                                <p class="register_tips clearfix pr">
                                    <span class="common-check-box pr">
                                        <input type="checkbox" value="checkbox" name="agreement" id="agreement"
                                            checked="checked"><label class="dispatch"></label>
                                        <span class="js-logsign-area">
                                            <span class="ml5">
                                                I agree Corsicos
                                                <a target="_blank" href=""> Terms &amp; Conditions</a> and
                                                <a target="_blank" href="">Privacy Policy</a>
                                            </span>
                                        </span>
                                    </span>
                                </p>
                            </div>-->

                            <button class="btn d-block w-100" type="button" @click="handleRegister">CREATE AN  ACCOUNT</button>
                        </form>

                        <!-- <div class="pr sign-or"><span>Or Join With</span></div>-->
                        <div class="signFaceBook">
                            <!--<a href="javascript:;" id="loginGoogle" class="social-sign-btn">
                                <i class="tag_c"></i>
                                <span>Google</span>
                            </a>
                            <a href="javascript:;" id="loginFacebook" class="social-sign-btn">
                                <i class="tag_c"></i>
                                <span>FaceBook</span>
                            </a>-->
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <div class="layui-layer" v-show="coupon_tip" style="display: none" >
            <div class="layui-layer-content">
                <div class="newuser-coupon-layer">
                    <button type="button"  class="btn-close" @click="handleCloseCoupon"></button>
                    <p class="newuser-coupon-layer-text">New Users</p>
                    <p class="newuser-coupon-layer-text"> {$coupon_tip_model['name']}</p>
                    <div class="newuser-coupon-layer-content"><p class="newuser-coupon-off">{$coupon_tip_model['code']}</p></div>
                    <a href="javascript:;" class="newuser-coupon-btn"  @click="handleCloseCoupon">Get Coupon</a>
                </div>
            </div>
        </div>

        <main class="page-wrapper">

            <!-- Navbar 3 Level (Light)-->
            <header>
                <!-- 广告位1 -->
                <div class="ad_top_box bg-dark">
                    <div class="open_show_box">
                        {selfTag:multi table="image" where='[["type","=",1],["status","=",1]]' order="sort asc"}
                        <a href="{:empty($vo['url'])?'javascript:;':$vo['url']}" class="img_mark_link">
                            <img src="{$vo['img']}" alt="{$vo['name']}" class="img_mark"
                                style="width: 100%; display: block; height: 100%;">
                        </a>
                        {/selfTag:multi}
                    </div>
                </div>

                <!-- Remove "navbar-sticky" class to make navigation bar scrollable with the page.-->
                <div class="navbar-sticky bg-light">

                    <div class="navbar navbar-expand-lg navbar-light">
                        <div class="container-fluid">
                            <a class="navbar-brand d-sm-block flex-shrink-0" href="/index.html">
                                <img src="/uploads/image/20220304/ab455d0480f79c8704326dfa61189b44.png" alt="logo">
                            </a>
                           
                            <div class="input-group d-none d-lg-flex mx-4">
                                <input class="form-control pe-5" type="text" @focus="focusSearch" @blur="blurSearch" v-model="search_goods_keyword" placeholder="Search for products">
                                <button class="btn bg-darker" type="submit" name="subscribe" @click="handleSearchGoods">
                                    <i class="ci-search text-white fs-base"></i>
                                </button>
                                <!-- <div v-for="(item,index) in history_keyword" :key="index" @click="searchKeyword(item)">{{item}}</div> -->
                                <!-- {volist name="\app\common\model\SysSettingModel::getContent('normal','hot_keyword_comma')" id="vo"}
                                <div  @click="searchKeyword('{$vo}')">{$vo}</div>
                                {/volist} -->
                                <div class="header-search-form" :class="searchShow?'header-search-active':''">
                                    <div class="header-search-list">
                                        <!-- history key-->

                                        <div class="search-history-ctn">
                                            <ul class="header-search-popular">
                                                <div class="header-search-title">History Searches:</div>
                                                <li v-for="(item,index) in history_keyword" :key="index">
                                                    <a href="javascript:;" class="js-popular-search"  @click="searchKeyword(item)">{{item}}</a>
                                                </li>
                                            </ul>
                                        </div>
                                        
                                        <!--// hot key-->
                                        <div class="search-popular-ctn">
                                            <ul class="header-search-popular">
                                                <div class="header-search-title">Popular Searches:</div>
                                                {volist name="\app\common\model\SysSettingModel::getContent('normal','hot_keyword_comma')" id="vo"}
                                                <li><a href="javascript:;" class="js-popular-search" @click="searchKeyword('{$vo}')">{$vo}</a></li>
                                                {/volist}
                                            </ul>
                                        </div>
                                    </div>
                                </div>

                            </div>



                            <div class="navbar-toolbar d-flex flex-shrink-0 align-items-center">
                                <button class="navbar-toggler" @click='handheldNavbar(true)'>
                                    <span class="navbar-toggler-icon"></span>
                               
                                </button>
                                <a class="navbar-tool navbar-stuck-toggler" href="#">
                                    <span class="navbar-tool-tooltip">Expand menu</span>
                                    <div class="navbar-tool-icon-box"><i class="navbar-tool-icon ci-menu"></i></div>
                                </a>

                                <!-- 用户 -->
                                <div class="navbar-tool dropdown ms-2">
                                    
                                    {if(empty(session('user_info.user_id')))}
                                    <a class="navbar-tool-icon-box  dropdown-toggle" href="#signin-modal" id="signin-modal-a"
                                        data-bs-toggle="modal">
                                        <div class="navbar-tool-icon-box">
                                            <i class="navbar-tool-icon icon-account"></i>
                                        </div>
                                    </a>
                                    {/if}

                                    {if(!empty(session('user_info.user_id')))}
                                    <a class="navbar-tool-icon-box  dropdown-toggle" href="javascript:;">
                                        <div class="navbar-tool-icon-box">
                                            <i class="navbar-tool-icon icon-account"></i>
                                        </div>
                                    </a>
                                    {/if}

                                    <div class="dropdown-menu dropdown-menu-end">
                                        <ul class="header-hidden-block header-account-list">
                                            {if(empty(session('user_info.user_id')))}
                                            <li id="js-topLogin" >
                                                <a class="header-signin" href="#signin-modal" data-bs-toggle="modal"
                                                    rel="nofollow">
                                                    <span>Sign In</span>/<span>Register</span>
                                                </a>
                                            </li>
                                            {/if}

                                            {if(!empty(session('user_info.user_id')))}
                                            <li>
                                                <a href="{:url('user/index')}" rel="nofollow">MY ACCOUNT</a>
                                            </li>
                                            <li>
                                                <a href="{:url('user/order')}" rel="nofollow">MY ORDERS</a>
                                            </li>
                                            <li>
                                                <a href="{:url('user/coupons')}" rel="nofollow">MY COUPONS</a>
                                            </li>
                                            <li class="line none js_login_out"></li>

                                            <li class="border_label js_login_out">
                                                <a class="logsss_event_cl" href="javascript:;" @click="handleLogout"
                                                    rel="nofollow">SIGN OUT</a>
                                            </li>
                                            {/if}
                                        </ul>
                                    </div>
                                </div>
                                 <!--  -->
                                <div class="navbar-tool dropdown ms-2">

                                    
        
                                </div>

                                <!-- 购物车 -->
                                <div class="navbar-tool dropdown ms-2">
                                    <a class="navbar-tool-icon-box  dropdown-toggle" href="{:url('shopping/cart')}">
                                        <span class="navbar-tool-label" v-show="cart_num>0">{{cart_num}}</span>
                                        <i class="navbar-tool-icon icon-cart"></i>
                                    </a>
        
                                </div>
                                <!--
                                &lt;!&ndash; 语言 &ndash;&gt;
                                <div class="navbar-tool dropdown ms-2">
                                    <a class="navbar-tool-icon-box dropdown-toggle" href="javascript:;">
                                        <div class="navbar-tool-icon-box"><i class="navbar-tool-icon icon-lang"></i>
                                        </div>
                                    </a>

                                    <div class="dropdown-menu dropdown-menu-end">
                                        <div class="country-wrapper">
                                            <div class="header-country-title">Currency</div>
                                            <div class="header-currency-wrapper">
                                                <a href="javascript:;" class="header-current-currency" data-bizhong="USD">USD</a>

                                                <div class="header-currency-container">
                                                    <ul class="header-currency-list">
                                                        <li>
                                                            <a href="javascript:;" data-bizhong="USD" data-icon="$" class="">USD</a>
                                                        </li>
                                                        <li>
                                                            <a href="javascript:;" data-bizhong="EUR" data-icon="€" class="">EUR</a>
                                                        </li>
                                                        <li>
                                                            <a href="javascript:;" data-bizhong="GBP" data-icon="£">GBP</a>
                                                        </li>
                                                        <li>
                                                            <a href="javascript:;" data-bizhong="AUD" data-icon="AU$">AUD</a>
                                                        </li>
                                                        <li>
                                                            <a href="javascript:;" data-bizhong="JPY" data-icon="\u5186">JPY</a>
                                                        </li>
                                                        <li>
                                                            <a href="javascript:;" data-bizhong="CAD" data-icon="CA$">CAD</a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                                &lt;!&ndash; 客服 &ndash;&gt;
                                <div class="navbar-tool dropdown ms-2">
                                    <a class="navbar-tool-icon-box dropdown-toggle" href="javascript:;">
                                        <div class="navbar-tool-icon-box"><i class="navbar-tool-icon icon-contact"></i>
                                        </div>
                                    </a>
                                </div>-->


                            </div>
                        </div>
                    </div>
                    <div class="navbar navbar-expand-lg navbar-light navbar-stuck-menu">
                        <div class="container">
                            <div class="collapse navbar-collapse">
                                <!-- Search-->
                                <form action="/collections">

                                <div class="input-group d-lg-none my-3">
                                    <i class="ci-search position-absolute top-50 start-0 translate-middle-y text-muted fs-base ms-3"></i>
                                    <input class="form-control rounded-start" type="text" name="keyword" v-model="search_goods_keyword" placeholder="Search for products">

                                </div>
                                </form>
                                <!-- Primary menu-->
                                <ul class="navbar-nav">

                                    {volist name="nav_menu_list" id="vo"}

                                    <li class="nav-item dropdown">
                                        <a class="nav-link dropdown-toggle" href="{:empty($vo['url'])?'javascript:;':$vo['url']}"
                                            data-bs-toggle="dropdown pill">{$vo['name']}</a>
                                        <div class="dropdown-menu p-0">
                                            <div class="container menu-wrap">
                                                <div class="list-row  d-flex flex-wrap flex-sm-nowrap">
                                                    {volist name="vo['linkChild']" id="child"}

                                                    {if(!empty($child['img']))}
                                                    <div class="menu-item py-4 px-2">
                                                        <div class="nav-poster">
                                                            <a href="{:empty($child['url'])?'javascript:;':$child['url']}">
                                                                <img src="{$child['img']}" />
                                                                <span class="img-text">{$child['name']}</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    {else/}

                                                    <div class="menu-item py-4 px-2">
                                                        <div class="nav-title">
                                                            <a href="{:empty($child['url'])?'/collections?tag_id='.$child['id']:$child['url']}">{$child['name']}</a>
                                                        </div>
                                                        <div class="nav-line"></div>
                                                        {volist name="child['linkChild']" id="child_child"}
                                                        <div class="nav-text">
                                                            <a class="text" title="{$child_child['name']}" href="{:empty($child_child['url'])?'/collections?tag_id='.$child_child['id']:$child_child['url']}">{$child_child['name']}</a>
                                                        </div>
                                                        {/volist}
                                                    </div>
                                                    {/if}
                                                    {/volist}
                                                    
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    {/volist}


                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </header>

            <div class="menu-section site-nav" :class="is_show==true?'site-nav-active':''" @click='handheldNavbar(false)'>
                <div class="menu-content" @click.stop="">
                    <div class="menu-category">

                        {volist name="nav_menu_list" id="vo"}

                        <ul class="mc-item">
                            <li class="mc-title" :class="MenuShow == '{$vo['id']}'?'on':''"> 
                                <a  href="{:empty($vo['url'])?'javascript:;':$vo['url']}" >{$vo['name']}</a>
                                <i class="toggle" @click="handleMenu('{$vo['id']}')"></i>
                            </li>
                            {volist name="vo['linkChild']" id="child"}
                                {if(!empty($child['img']))}
                                <li class="img-link" v-show="MenuShow == '{$vo['id']}'">
                                    <a class="img-wrap" href="{:empty($child['url'])?'javascript:;':$child['url']}"><img src="{$child['img']}"/></a>
                                    <p class="link">{$child['name']}</p>
                                </li>
                                {else/}
                                <li v-show="MenuShow == '{$vo['id']}'">
                                    <ul class="mc-item-sub">
                                        <li :class="MenuShows == '{$child['id']}'?'on':''"> 
                                            <a href="{:empty($child['url'])?'/collections?tag_id='.$child['id']:$child['url']}">{$child['name']}</a>
                                            <i class="toggle" @click="handleMenus('{$child['id']}')"></i>

                                            <ul class="mc-item-sub" v-show="MenuShows == '{$child['id']}'">
                                                {volist name="child['linkChild']" id="child_child"}
                                                <li> 
                                                    <a href="{:empty($child_child['url'])?'/collections?tag_id='.$child_child['id']:$child_child['url']}">{$child_child['name']}</a>
                                                </li>
                                                {/volist}
                                            </ul>
                                        </li>
                                    </ul>                                    
                                </li>
                                {/if}                                
                            {/volist}                           
                        </ul>

                        {/volist}
                    </div>
                </div>


            </div>
            {block name="content"}{/block}
        </main>
        <!-- Footer-->
        <footer class="footer ">
            <div class="footer-mail bg-darker py-4">
                <div class="container">
                    <div class="row">
                        <div class="col-md-6 col-sm-12">
                            <p class="text-light">Start by signing up for emails and get 10% discount offers.</p>

                        </div>
                        <div class="col-md-6 col-sm-12">
                            <div class="subscription-form validate">
                                <div class="input-group flex-nowrap">
                                    <input class="form-control " type="email" name="EMAIL" v-model="email_subscribe" placeholder="Your email" />
                                    <button class="btn btn-warning" type="button" @click="handleSubscribeEmail"
                                        name="subscribe">SUBSCRIBE</button>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <div class="container">
                <div class="row py-5">
                    <div class="col-md-3 col-sm-6">

                        <div class="widget">
                            <h3 class="widget-title ">Contact Us</h3>
                            <ul class="widget-list">
                                <li class="widget-list-item">
                                    <a class="widget-list-link"
                                        href="javascript:;">{:\\app\\common\\model\\SysSettingModel::getContent('normal','email')}</a>
                                </li>

                            </ul>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <div class="widget widget-links widget-light">
                            <h3 class="widget-title">Lovessales Info</h3>
                            <ul class="widget-list">
                                <li class="widget-list-item">
                                    <a class="widget-list-link" href="{:url('/about')}">
                                        About Us
                                    </a>
                                </li>
                                <li class="widget-list-item">
                                    <a class="widget-list-link" href="{:url('/contact')}">
                                        Contact Us
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <div class="widget widget-links widget-light">
                            <h3 class="widget-title">Help&Support</h3>
                            <ul class="widget-list">
                                <li class="widget-list-item">
                                    <a class="widget-list-link" href="/faq">
                                        FAQ
                                    </a>
                                </li>
                                <li class="widget-list-item">
                                    <a class="widget-list-link" href="/payment">
                                        Payment Method
                                    </a>
                                </li>
                                <li class="widget-list-item">
                                    <a class="widget-list-link" href="/track">
                                        Track Your
                                    </a>
                                </li>
                                <li class="widget-list-item">
                                    <a class="widget-list-link" href="/orderflash">
                                        OrderFlash sale items
                                    </a>
                                </li>
                            </ul>
                        </div>

                    </div>
                    <div class="col-md-3 col-sm-6">
                        <div class="widget widget-links widget-light">
                            <h3 class="widget-title">Lovessales Policy</h3>
                            <ul class="widget-list">
                                <li class="widget-list-item">
                                    <a class="widget-list-link" href="{:url('/protocol',['type'=>'shoppingProtocol'])}">
                                        Shipping lnfo
                                    </a>
                                </li>
                                <li class="widget-list-item">
                                    <a class="widget-list-link"
                                        href="{:url('/protocol',['type'=>'backMoneyProtocol'])}">
                                        Return Policy
                                    </a>
                                </li>
                                <li class="widget-list-item">
                                    <a class="widget-list-link" href="{:url('/protocol',['type'=>'tipProtocol'])}">
                                        Privacy Policy
                                    </a>
                                </li>
                                <li class="widget-list-item">
                                    <a class="widget-list-link"
                                        href="{:url('/protocol',['type'=>'termOfServiceProtocol'])}">
                                        Term Of Service
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <hr class="hr-light mb-3">
                <div class="row pb-2">
                    <div class="col-md-6 text-center text-md-start">
                        <div class="mb-4">
                            {:\\app\\common\\model\\SysSettingModel::getContent('normal','copyright')}
                        </div>
                    </div>
                    <div class="col-md-6 text-center text-md-end">
                        <img class="d-inline-block" src="/assets/images/cards-alt.png" height="44"
                            alt="Payment methods">
                    </div>
                </div>

            </div>

        </footer>



        <div class="back-to-top pa" id="js-backToTop"> <i class="btn-scroll-top-icon ci-arrow-up"> </i></div>
        
    </div>

    {block name="footer"}


    {/block}

</body>

</html>
{block name="script"}

{/block}